<template>
<div id="box">
  <nav class="navbar navbar-default navbar-static-top">
     <ul class="nav navbar-nav">
        <router-link :to="{path:'/home'}" tag="li" active-class="active">
          <a href="#">首页
             <span class="sr-only">(current)</span>
           </a>
        </router-link>
        <router-link :to="{path:'/router'}" tag="li" active-class="active">
          <a href="#">路由</a>
        </router-link>
        <router-link :to="{path:'/comPage'}" tag="li" active-class="active">
          <a href="#">组件</a>
        </router-link>
        <router-link :to="{path:'/animeta'}" tag="li" active-class="active">
          <a href="#">动画</a>
        </router-link>
        <router-link :to="{path:'/lifecircle'}" tag="li" active-class="active">
          <a href="#">生命周期</a>
        </router-link>
        <router-link :to="{path:'/mintPage'}" tag="li" active-class="active">
          <a href="#">mint-ui</a>
        </router-link>
      </ul>
  
  </nav>
</div>
</template>
<script>
export default {

}
</script>
<style lang="css" scoped>
</style>
